<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>云顶书院图书馆-图书分类</title>
    <link rel="icon" href="../../../ico/favicon.ico">
    <link rel="stylesheet" href="../../../font_3880788_qzhmn5z27lg/iconfont.css">
    <link rel="stylesheet" href="../../../css/topBottom.css">
    <link rel="stylesheet" href="../../../css/bookUser/fenleicss/tongyong.css">
    <link rel="stylesheet" href="../../../css/bookUser/fenleicss/wenxue.css">
</head>

<body>
    <!-- 最顶部页面固定栏设计,包括logo，首页，用户等六个小模块 -->
    <div class="topKe">
        <div class="top">
            <div class="topLogo">
                <div><img src="https://zhang0228.oss-cn-wulanchabu.aliyuncs.com/yunlogo.png" alt=""></div>
                &nbsp云顶书院
            </div>
            <div class="topIndex">
                <a href="http://127.0.0.1:5500/html/indexuser.html"><span class="iconfont icon-shouye"></span>
                    首页</a>
            </div>
            <div class="topBook">
                <a href="http://127.0.0.1:5500/html/bookUser/fenleihtml/wenxue.html"><span class="iconfont icon-tushu"></span>
                    图书</a>
            </div>
            <div class="topUser">
                <a href="http://127.0.0.1:5500/html/personUser/personUser.html"><span
                        class="iconfont icon-geren2"></span>
                    个人</a>
            </div>
            <div class="topSer">
                <a href="http://127.0.0.1:5500/html/serviceUser/daohangUser.html"><span
                        class="iconfont icon-banli"></span>
                    服务办理</a>
            </div>
            <div class="topSearch">
                <input type="text">
                <div class="sousou">
                    <span class="iconfont icon-sousuoxiao"></span>
                </div>
            </div>
        </div>
    </div>
    <!-- 设置一个空盒子来占顶部固定栏所占位置，从而不遮挡下面内容 -->
    <div class="prevent"></div>
    <!-- 背景图覆盖 -->
    <div class="allBack">
        <!-- 主体部分 -->
        <div class="main">
            <p class="biaoqian">图书 > 分类</p>
            <!-- 分类盒子 -->
            <div class="box">
                <!-- 上部分类栏 -->
                <div class="all">
                    <div class="l1"><a href="http://127.0.0.1:5500/html/bookUser/fenleihtml/wenxue.html">文学艺术</a></div>
                    <div class="l2"><a href="http://127.0.0.1:5500/html/bookUser/fenleihtml/zhuanye.html">专业知识</a></div>
                    <div class="l3"><a href="http://127.0.0.1:5500/html/bookUser/fenleihtml/shehui.html">社会科学</a></div>
                    <div class="l4"><a href="http://127.0.0.1:5500/html/bookUser/fenleihtml/ziran.html">自然科学</a></div>
                    <div class="l5"><a href="http://127.0.0.1:5500/html/bookUser/fenleihtml/zonghe.html">综合性图书</a></div>
                </div>
                <!-- 下部书籍展示栏 -->
                <div class="content">
                    <li>
                        <div class="con1">图片</div>
                        <div class="con2">
                            <p>名称</p>
                            <br />
                            <p>作者</p>
                            <br/>
                            <p>出版社</p>
                        </div>
                    </li>
                    <hr>
                </div>
            </div>
        </div>
        <!-- 底部 -->
        <div class="footer">
            <div class="word">
                <p>友情链接</p>
                <br />
                <p><a href="https://www.tyut.edu.cn/" target="_blank">太原理工大学</a></p>
                <br />
                <p><a href="https://www.yunliyunwai.cn/">云里云外开源社区</a></p>
            </div>
        </div>
    </div>
</body>

</html>